<template>
	<div id="header">
		<div class="headerC">
			<div class="logo">
				<router-link to="/index/subscribe">
					<img src="../assets/header/logo.png" alt="">
				</router-link>
			</div>
			<div class="header-right">
				<ul class="header-list">
					<li>
						<span>研讨厅</span>
					</li>
					<li class="navLast">
						<span>专题应用</span>
					</li>
					<li class="switchEC">
						<div @click="downPush">
							<span class="switchC">{{switchC}}</span>
							<i></i>
						</div>
						<div class="downPush" v-if="downPushClick" @click="downPushbox">
							<span class="switchE">{{switchE}}</span>							
						</div>
					</li>
					<li class="information">
						<i class="inforIcon"></i>
						<i class="newInfor"></i>
						<div class="prompt">
							<p>尊敬的用户，您好！</p>
							<p>您提交的主题已收到，感谢您的反馈！ </p>
							<a>点击查看</a>
						</div>
					</li>
					<li class="user">
						<i></i>
						<span>username</span>
					</li>
					<li class="quit">
						<span>退出</span>
					</li>
				</ul>
			</div>
		</div>
	</div>
</template>

<script>
export default {
  data () {
	return {
	  downPushClick: false,
	  switchC: '中文',
	  switchE: '英文'
	}
  },
  methods: {
	downPush: function () {
	  if (this.switchC === '中文') {
		this.switchE = '英文'
		console.log(this.switchE)
	  } else if (this.switchC === '英文') {
		this.switchE = '中文'
		console.log(this.switchE)
	  }
	  if (this.downPushClick) {
		this.downPushClick = false
	  } else {
		this.downPushClick = true  
	  }
	},
	downPushbox: function () {
	  this.switchC = this.switchE
	  this.downPushClick = false
	},
  }
}
</script>

<style>
	@import '../../static/header.css'
</style>